<!--
 * @Author: huangyq
 * @Date: 2022-04-25 13:43:04
 * @LastEditTime: 2023-12-06 09:45:37
 * @LastEditors: hyq
 * @Description: 下拉框
 * @FilePath: /vue3-boilerplate-pc-client/src/components/hq-search-condition/fields/hq-plus-input/index.vue
-->
<template>
  <el-input
    v-model="query[props.field.prop]"
    class="hq-plus-input"
    :placeholder="props.field.placeholder || '请输入'"
    v-bind="props.field.attrs"
  ></el-input>
</template>

<script setup lang="ts">
import { computed } from 'vue'
import { IInputFieldItem } from '../../interface'

interface IProps {
  models: Record<string, any>
  field: IInputFieldItem
}

const props = withDefaults(defineProps<IProps>(), {})
const query = computed(() => {
  return props.models
})
</script>
<style scoped lang="scss">
.hq-plus-input {
}
</style>
